<template>
  <div class="type-container">
    <div class="title-container">
      <h1 class="title">
        类型管理
      </h1>
    </div>
     <el-button
        class="filter-item"
        type="primary"
        icon="el-icon-edit"
        @click="handleCreate"
        style="margin-left:20px"
    >新建</el-button>
    <from-table 
        :tablekey="tablekey"
        :listLoading="listLoading"
        :list="list"
        @handleUpdate="handleUpdate"
        @handleDelete="handleDelete"
      />
  </div>
</template>

<script>
import table  from '@/components/board/Type/Table'
import TypeService from '@/service/type'
export default {
  name:'Type',
  components:{
    FromTable:table
  }

}
</script>

<style scoped>
  .title-container{
    width: 100%;
    padding: 20px;
    font-weight:500;
  }
  .title{
    padding-bottom: 10px;
    border-bottom: 1px solid #e5e5e5;
  }
  .type-container{
    height: 100%;
    overflow: auto;
  }

</style>